<!DOCTYPE html>
<html>
<head>

    <meta charset="UTF-8">
    <title>优惠券使用情况</title>
    <meta name="viewport" content="width=100%; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
    <link rel="stylesheet" href="/static/css/css.css" />
    <link rel="stylesheet" href="/static/mui/css/mui.css" />
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_604068_jra1cnkufkxfxbt9.css" />
    <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css">
    <script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js"></script>
    <style>
        .list_word {
            color: #999999;
            font-size: 12px;
        }
        .list_word1 {
            color: #000;
            font-size: 12px;
        }
        button{
            background-color: #ffffff;
            color: black;
            border: 1px solid  #fe8200;
            width: 60px;
            height: 25px;
            border-radius: 5px;
        }
        .mui-card-header:after{
            background-color: #ffffff;
        }

         ::-webkit-input-placeholder{
             font-size:13px;
         }

    </style>

</head>

<body >

<header class="head headTitle"   style="position: relative;height: 50px;line-height: 50px;position: fixed;top: 0px">
    <a class="back"  style="font-size: 20px;width: 10px;height: 15px;margin-left: -10px;"   href="{:url('/home/my/my')}" ><img src="/static/images/back_gray.png"></a>
    <a    style="position: absolute;right:15px;color: black"><span class="icon icon-saoyisao"></span></a>
    <h1 class="title"   style="line-height: 50px;font-size: 17px">优惠券使用情况</h1>
</header>

<!--搜索框-->
<div class="workerSearch"   style=" position: fixed; top: 50px;background:#ffffff;">
    <form action="/workerInfo/" id="caseQuery">
        <input name="category" type="hidden">
        <div class="box">
            <div class="top"   style="padding: 15px  5px 5px  5px">
                <div class="searchWrap">
                    <input type="text" name="name" placeholder="请输关键字查询" value="">
                    <button id="searchButton" style="height: 40px;">查询</button>
                </div>
            </div>
        </div>
    </form>
</div>

<div   style="margin-top: 130px">
        <div class="mui-row"   style="background: #ffffff;margin-top: 5px">
            <div class=" mui-col-xs-5  mui-card-header mui-card-media">
                <img  style="height:25vw;width:35vw; " src="/static/images/shop.jpg">
            </div>
            <div class=" mui-col-xs-7  " >
                <div class="mui-card-content-inner">
                    <div class="mui-row">
                        <div class="mui-col-xs-12" style="color: #000000;position: relative;">不锈钢合页   <span  class="icon icon-delete1"  style="position:absolute;right: 1px;color: #f4f4f4"></span></div>
                        <div class="mui-col-xs-6 list_word">折扣：</div>
                        <div class="mui-col-xs-6 list_word1">八折</div>
                        <div class="mui-col-xs-6 list_word">购买客户：</div>
                        <div class="mui-col-xs-6 list_word1">杨先生</div>
                        <div class="mui-col-xs-6 list_word">使用日期：</div>
                        <div class="mui-col-xs-6 list_word1">2018-01-01</div>
                        <!--<div class="mui-col-xs-12" style="color: #000000;position: relative;">-->
                           <!--<a  > <button   style="position:absolute;right: 1px;line-height: 3px" >已使用</button></a>-->
                        <!--</div>-->
                    </div>
                </div>
            </div>
        </div>
        <div class="mui-row"   style="background: #ffffff;margin-top: 5px">
            <div class=" mui-col-xs-5  mui-card-header mui-card-media">
                <img  style="height:25vw;width:35vw; " src="/static/images/shop.jpg">
            </div>
            <div class=" mui-col-xs-7  " >
                <div class="mui-card-content-inner">
                    <div class="mui-row">
                        <div class="mui-col-xs-12" style="color: #000000;position: relative;">不锈钢合页   <span  class="icon icon-delete1"  style="position:absolute;right: 1px;color: #f4f4f4"></span></div>
                        <div class="mui-col-xs-6 list_word">折扣：</div>
                        <div class="mui-col-xs-6 list_word1">八折</div>
                        <div class="mui-col-xs-6 list_word">购买客户：</div>
                        <div class="mui-col-xs-6 list_word1">杨先生</div>
                        <div class="mui-col-xs-6 list_word">使用日期：</div>
                        <div class="mui-col-xs-6 list_word1">2018-01-01</div>
                        <!--<div class="mui-col-xs-12" style="color: #000000;position: relative;">-->
                           <!--<a  > <button   style="position:absolute;right: 1px;line-height: 3px" >已使用</button></a>-->
                        <!--</div>-->
                    </div>
                </div>
            </div>
        </div>
</div>



</body>



</html>
<!--<div class="mui-row"   style="background: #ffffff;margin-top: 5px">-->
    <!--<div class=" mui-col-xs-5  mui-card-header mui-card-media">-->
        <!--<img  style="height:25vw;width:35vw; " src="/static/images//shop.jpg">-->
    <!--</div>-->
    <!--<div class=" mui-col-xs-7  " >-->
        <!--<div class="mui-card-content-inner">-->
            <!--<div class="mui-row">-->
                <!--<div class="mui-col-xs-12"   style="position: relative;height: 15px">-->
                    <!--<span  class="icon icon-delete"  style="position:absolute;right: 1px"></span>-->
                <!--</div>-->
                <!--<div class="mui-col-xs-12" style="color: #000000;">不锈钢合页</div>-->
                <!--<div class="mui-col-xs-6 list_word">折扣：</div>-->
                <!--<div class="mui-col-xs-6 list_word1">八折</div>-->
                <!--<div class="mui-col-xs-6 list_word">购买客户：</div>-->
                <!--<div class="mui-col-xs-6 list_word1">杨先生</div>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
<!--</div>-->



<!--<div class="weui-search-bar" id="searchBar">-->
<!--<form class="weui-search-bar__form" action="#">-->
<!--<div class="weui-search-bar__box" >-->
<!--<i class="weui-icon-search"></i>-->
<!--<input type="search" class="weui-search-bar__input" id="searchInput" placeholder="搜索" required="">-->
<!--<a href="javascript:" class="weui-icon-clear" id="searchClear"></a>-->
<!--</div>-->
<!--<label class="weui-search-bar__label" id="searchText" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);font-size: 20px">-->
<!--<i    class="weui-icon-search"></i>-->
<!--<span  >搜索</span>-->
<!--</label>-->
<!--</form>-->
<!--<a href="javascript:" class="weui-search-bar__cancel-btn" id="searchCancel"  style="line-height: 40px">取消</a>-->
<!--</div>-->